<template>
    <div class="v-text" :id="id">
        <div ref="text" draggable="false" :style="{verticalAlign: element.style.verticalAlign}">
            <p style="overflow-wrap: break-word;" v-html="element.data[0]"></p>
        </div>
    </div>
</template>

<script>
import register from '@/js/main/register.js';
export default {
    props: {
        element: {
            type: Object
        },
        id: {
            type: String
        }
    },
    data() {
        return {
            window: window
        };
    },
    created() {
        register.addComponent(this);
    },
    destroyed() {
        register.removeComponent(this);
    }
};
</script>
